<template>
    <div>
        <div class="leftbar_announcement divCommon w-full min-h-[6.25rem] bg-blue-50 rounded-lg shadow-md p-4 mb-4">
            <div class="leftbar_announcement_title text-primary font-bold text-lg mb-2">
                公告栏:
            </div>
            <div class="leftbar_announcement_content pt-2 space-y-2">
                <p class="text-gray-700 text-sm leading-relaxed" v-for="(info, index) in info?.information">
                   {{ index + 1 }}. {{ info?.title }}
                </p>
            </div>
        </div>
    </div>
</template>

<script setup lang="ts">
import { ref } from 'vue'
import { getOtherList } from '@/api/home/index';
import { AsyncTaskHandler } from '@/utils/asyncTaskHandler'
const info = ref()
const getTagListTask = async () => {
    let res = await AsyncTaskHandler.handleMultipleTasksWithSettled([
        getOtherList(),
    ])
    info.value = res[0].status === 'fulfilled' ? res[0].value.data.info : res[0].reason
}
getTagListTask()
</script>

<style scoped>

</style>